<html>
<head>
<meta name="description" content="HTML5 WebSocket Chat" />
<meta name="keywords" content="HTML5,WebSocket,JavaScript" />
<meta charset="UTF-8" />
<title>RelayChat</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript" charset="utf-8" src="js/RelayChat.js"></script>

<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript">
</script>
</head>
<body>
<div id="tabs">
	<ul>
	    <li><a href="#chat">Chat</a></li>
	    <li><a href="#addRoom">AddRoom</a></span></li>
  	</ul>
	<div id="chat">
		<div id="menu">
			<p class="welcome">
				Welcome,<input id="username" value="" />			
			</p>
			<div style="clear: both"></div>
		</div>
		<div id="chatbox">
			<textarea id="messageschat" rows="16" cols="48" readonly="readonly"></textarea>
		</div>
			<input name="usermsg" type="text" id="messagechat" class="message" size="63"  /> <input
				type="button" name="submitmsg" value="Send..."
				onclick="sendMessage('chat');" />
	</div>
	<div id="addRoom">
		<input name="addRoomTxt" type="text" id="addRoomTxt" size="30" /> <input
		type="button" name="submitRoom" value="Add Room"
				onclick="addRoom($('#addRoomTxt').val());" />
	</div>
</div>
</body>
</html>